<script lang="ts" setup>
const props = defineProps<{
	title: string,
}>();
</script>

<template>
	<div class="detail-title-box">
		<div class="detail-title">
			{{ title }}
		</div>
	</div>
</template>

<style lang="scss" scoped>
@import "@/assets/scss";

.detail-title-box {
	position: sticky;
	top: 0;
	width: 100%;
	min-width: calc($minWid + 40px);
	box-shadow: 1px 2px 1px #e7e7e7;
	background-color: #fff;
}

.detail-title {
	width: $minWid;
	margin: 0 auto;
	padding: 25px 15px;
	font-size: x-large;
	font-weight: bold;
}
</style>
